{{ define "blog/list.html" }}
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link media="all" href="/static/blog/mdx/css/autoptimize.css" rel="stylesheet" />
    {{if .Category}}
    <title itemprop="name"> 归档：{{.Category}} - {{author}}</title>
    <meta property="og:title" content="归档：{{.Category}} - {{author}}">
    {{else}}
    <title itemprop="name"> 搜索：{{.Search}}- {{author}}</title>
    <meta property="og:title" content="归档：{{.Search}} - {{author}}">
    {{end}}
    <title itemprop="name"> .Path - {{author}}</title>
    <meta property="og:title" content=" .Path  - {{author}}">
    <meta property="og:type" content="article">
    <meta property="og:url" content="{{rootURL}}">
    <meta name="theme-color" content="#3f51b5">
    <meta name="mdx-main-color" content="#3f51b5">
    <link href="/static/logo/favicon32.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="/static/logo/favicon32.ico" rel="mask-icon">

    {{template "blog/header"}}
</head>

<body class="mdui-theme-primary-indigo mdui-theme-accent-pink mdx-reduce-motion mdx-list-page">
    <script type='text/javascript' src='/static/blog/mdx/js/theme_dark_night.js'></script>
    <div class="fullScreen sea-close"></div>
    <div class="mdui-progress mdui-color-white">
        <div class="mdui-progress-indeterminate"></div>
    </div>

    {{template "blog/siderbar" .}}
    <header role="banner">
        <div class="titleBarGobal mdui-appbar mdui-shadow-0  mdui-text-color-white-text titleBarinAc" id="titleBar">
            <div class="mdui-toolbar mdui-appbar-fixed mdui-color-theme">
                <button class="mdui-btn mdui-btn-icon" id="menu"
                    mdui-drawer="{target:'#left-drawer',overlay:true,swipe:true}">
                    <i class="mdui-icon material-icons">menu</i>
                </button>
                <a href="{{rootURL}}" class="mdui-typo-headline">{{author}}</a>
                <div class="mdui-toolbar-spacer"></div>
                <button class="mdui-btn mdui-btn-icon seai">
                    <i class="mdui-icon material-icons">&#xe8b6;</i>
                </button>
            </div>
        </div>
    </header>

    <!-- 搜索 -->
    <div class="titleBarGobal mdui-appbar mdui-shadow-0 mdui-text-color-white-text" id="SearchBar">
        <form class="mdui-toolbar mdui-appbar-fixed" role="search" method="get" id="searchform" action="/search">
            <div class="outOfSearch mdui-valign">
                <label for="s"><i class="mdui-icon material-icons seaicon">&#xe8b6;</i></label>
                <input class="seainput" type="text" name="txt" id="s" autocomplete="off" placeholder="搜索什么..." value="">
            </div>
            <div class="mdui-toolbar-spacer"></div>
            <a class="mdui-btn mdui-btn-icon sea-close"><i class="mdui-icon material-icons">&#xe5cd;</i></a>
        </form>
    </div>

    <!-- 标题 -->
    <div class="theFirstPageSmall mdui-valign mdui-typo mdui-text-color-white-text mdui-color-theme">
        {{if .Category}}
        <h1 class="mdui-center mdui-text-center">归档：{{.Category}}</h1>
        {{else}}
        <h1 class="mdui-center mdui-text-center">搜索：{{.Search}}</h1>
        {{end}}
    </div>

    <div class="main-in-other">
        <main class="postList mdui-center">
            <input type="hidden" id="hideCategory" value="{{.CurrPage}}">
            <input type="hidden" id="hideSearch" value="{{.Search}}">
            <div id="mainList"></div>
            <div class="mdui-hoverable nextpage2" id="more-comment-btn">加载更多</div>
            <div class="mdx-comments-loading" id="more-article-loading">
                <div class="mdui-valign">
                    <div>
                        <div class="mdui-spinner"></div>
                    </div>
                </div>
            </div>
        </main>

        <button class="mdui-fab mdui-color-theme-accent mdui-fab-fixed mdui-fab-hide scrollToTop mdui-ripple">
            <i class="mdui-icon material-icons">&#xe316;</i>
        </button>

        {{template "blog/footer"}}
    </div>

    <script src='/static/blog/mdx/js/jquery.min.js'></script>
    <script src='/static/blog/3rd/mdui/js/mdui.min.js'></script>
    <script src='/static/blog/mdx/js/search.js'></script>
    <script src='/static/blog/3rd/lazysizes/lazyload.js'></script>
    <script src="/static/blog/3rd/axios/axios.min.js"></script>
    <script src="/static/comm/js/dog.js"></script>
    <script src='/static/blog/mdx/js/ac.js'></script>
    <script src='/static/blog/mdx/js/list.js'></script>
</body>

</html>
{{end}}